import React, { Component } from 'react';
import '../styles/Houdongxx.scss'
import { NavBar, Space,Button } from 'antd-mobile'
import { SearchOutline, MoreOutline} from 'antd-mobile-icons'

class Houdongxx extends Component {
    constructor(props) {
        super(props)
        this.state = {
          right: (
            <div style={{ fontSize: 24 }}>
              <Space style={{ '--gap': '16px' }}>
                <SearchOutline />
                <MoreOutline />
              </Space>
            </div>
          ),
        }
      }
    render() {
        return (
            <div className='huodongxx'>
                <NavBar  right={this.state.right} onBack={()=>{this.props.history.go(-1)}}>
                活动详情-报名中
                </NavBar>
                <div className="nei">
                    <div className="xin">
                        <div className="h1">非翔教育万圣节亲子聚会</div>
                        <div className="h2">2018-01-15</div>
                        <div className="h3">
                        奇装异服、南瓜灯、糖果是万圣节最主要的关键词。在这天小朋友们可以把自己打扮成各种小精灵并提着南瓜灯挨家挨户理直气壮地“ 不给糖就捣蛋 ”讨要美味糖果。在这一天，小朋友们可以尽情发挥想象玩着最喜欢的角色扮演游戏，游戏的同时还能收获大量小朋友们最喜爱的糖果。
                        </div>
                        <img src="https://img.axureshop.com/47/f6/19/47f6193bc5004b1388c6fa23d2a9bd4e/images/%E6%B4%BB%E5%8A%A8%E8%AF%A6%E6%83%85-%E6%8A%A5%E5%90%8D%E4%B8%AD/u1858.png" alt="" />
                        <div className="h4">
                            <div className="d2">活动主题：</div>
                            <div className="d1 d2">万圣节亲子狂欢派对：trick or treat ！</div>
                            <div className="d2">报名费用：<span>35元</span>/组</div>
                            <div className="d2">活动时间：</div>
                            <div className="d2">2019年10月29日（周日）14:00-17:00</div>
                            <div className="d2">活动地点：</div>
                            <div className="d2">盒马集市(上海市浦东新区浦东南路1138号上海湾广场)</div>
                        </div>
                        
                    </div>
                    <Button block color='primary' size='large'>
                      立即报名
                    </Button>
                </div>
            </div>
        );
    }
}

export default Houdongxx;